<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>巡检点详情</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/plandevicetaskdetail.css" />
    <link rel="stylesheet" type="text/css" href="css/detailstyle.css" />
    <style>
        .mb30 {
            margin-bottom: 30px !important;
        }
        .display_width{
            display: flex;justify-content: space-between;
        }
        .label-bule {
            color: #289FFF;
            background-color: #edf3ff;
            border-radius: 4px;
            padding: 4px 8px;
            margin-top: -3px;
            font-weight: 400;
        }

        .label-red {
            color: #ff0000;
            background-color: #fbe1e1;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="boxarea detail">
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    所属项目
                </div>
                <div class="aui_formcontent">
                    {{form.ProjectName?form.ProjectName:'--'}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    巡更点
                </div>
                <div class="aui_formcontent">
                    {{form.PatrolName}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    编码
                </div>
                <div class="aui_formcontent">
                    {{form.PatrolNumber}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    巡查人
                </div>
                <div class="aui_formcontent">
                    {{form.InChargeManName?form.InChargeManName:'--'}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    巡查时间
                </div>
                <div class="aui_formcontent">
                    {{form.CheckTime}}
                </div>
            </div>
           
        </div>
        <div class="posibox">
            <div class="posiicon">
                <i class="icon iconfont icon-dizhi"></i>
            </div>
            <div class="posicontent">{{form.GPSLocation}}</div>
            <div v-if="form.TaskStatus!=3||(form.TaskStatus==3&&form.IsMiss&&form.IsAllowCard)" class="posibtn" v-on:click="StartBmap()">
                <i class="icon iconfont icon-shuaxin2-copy-copy"></i>
            </div>
        </div>
        <div class="boxarea detail equipment_result mb30">
            <div class="equipment_result_title">
                <div class="equipment_title display_width" >
                    <div>巡更结果</div>
                    <div v-if="form.TaskStatus==3&&form.IsMiss">
                        <label class="label-bule label-red" >漏巡</label>
                    </div>
                    <div v-if="form.TaskStatus==3&&!form.IsMiss">
                        <label class="label-bule" v-if="form.CheckStatus==1">正常</label>
                        <label class="label-bule label-red" v-if="form.CheckStatus==2">异常</label>
                    </div>
                </div>
                <div v-if="form.TaskStatus!=3||(form.TaskStatus==3&&form.IsMiss&&form.IsAllowCard)" class="equipment_result_title_input">
                    <div>
                        <label class="label_radio" v-on:click="select_all_active(1)">
                            <input class="aui-radio" type="radio" name="allnormal" v-bind:checked="form.CheckStatus==1">
                            正常
                        </label>
                        <label class="label_radio" v-on:click="select_all_active(2)">
                            <input class="aui-radio" type="radio" name="allnormal" v-bind:checked="form.CheckStatus==2">
                            异常
                        </label>
                    </div>
                </div>
                <!-- <div class="cl"></div> -->
            </div>
            <div class="equipment_result_edit">
                <div class="aui_formtitle contentdec">情况说明</div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-input">
                        <textarea v-if="form.TaskStatus!=3||(form.TaskStatus==3&&form.IsMiss&&form.IsAllowCard)" placeholder="请填写详细的情况说明(选填信息)"
                            v-model="form.TaskCompleteContent"
                            style="width:90%; margin: auto; height: 6rem;"></textarea>
                        <span style="padding-left: 18px; padding-right: 18px;" v-else>
                            {{form.TaskCompleteContent?form.TaskCompleteContent:'--'}}
                        </span>
                    </div>
                </div>
            </div>
            <div class="imglist_box">
                <div class="imglist_item" v-for="(item,index) in imglist">
                    <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                    <img v-if="form.TaskStatus!=3||(form.TaskStatus==3&&form.IsMiss&&form.IsAllowCard)" v-on:click="remove_img(item.index)" class="onmouse_close" src="../image/close_mouseover.svg" />
                    <!-- <i v-on:click="remove_img(item.index)" class="icon iconfont icon-chushaixuanxiang iconremove"></i> -->
                </div>
                <div v-if="(form.TaskStatus!=3||(form.TaskStatus==3&&form.IsMiss&&form.IsAllowCard))&&imglist.length<4" class="imglist_item ml4">
                    <div class="img_plusbox">
                        <img v-on:click="choose_picture()" src="../image/photo_image.svg" />
                    </div>
                    最多支持{{maxuploadcount}}张
                </div>
            </div>
            <div class="cl"></div>
            <!-- <div class="hide_height"></div> -->
        </div>
        <div v-if="form.TaskStatus!=3||(form.TaskStatus==3&&form.IsMiss&&form.IsAllowCard)" class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">完成巡更</div>
        </div>

        <div v-if="form.TaskStatus==3&&form.CheckStatus==2&&form.IsReport&&form.GongdanID>0" class="posibox mb30"  v-on:click="onOpenOrder()">
            <div class="posiicon" style="float: right;line-height: 20px;"> 
                <i class="icon iconfont icon-arrow-right text-grey"></i>
            </div>
            <div>异常上报记录已分配<span class="text-blue">{{form.GongdanTypeDesc}}</span>
            </div>     
        </div>

        <div v-if="form.TaskStatus==3&&form.CheckStatus==2&&form.IsReport&&form.GongdanID<=0" class="posibox mb30">
            <div>异常上报记录未分配</div>
        </div>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/patrolplan_details.js"></script>

</html>